@charset "utf-8";
/* CSS Document */

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

/*body{ background: url(../images/bg.jpg) no-repeat center top;}*/
.layout, .content{ width:1200px; margin:0 auto;  position:relative; }

.marB6{ margin-bottom: 6px;}
.marB25{ margin-bottom: 25px;}
.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marR30{ margin-right: 30px;}
.marR32{ margin-right: 32px;}
.padS20{ padding: 0 20px;}
.pad20{ padding: 20px;}

.boxMo{ min-width:1200px;}

.topBar{ height: 40px; background-color: #ececec;}
.top_des{ float: left; height: 40px; font: 16px/40px "Microsoft Yahei"; color: #666;}
.top_wza{ float: right; height: 40px; padding-left: 30px; font: 16px/40px "Microsoft Yahei"; color: #666; background: url(../images/icon_wza.png) no-repeat left center; cursor: pointer;}

.header{ height: 232px; background: url(../images/bg_banner.jpg) repeat-x left top;}
/* LWW 20231025 添加 .header > .layout > a ；注释 .header .logo */
.header > .layout > a { position: absolute; top: 48px; left: 0; width: 590px; height: 130px; display: block; }
/* .header .logo{ position: absolute; top: 48px; left: 0; width: 590px; height: 130px; } */
.header_search{ position: absolute; right: 20px; top: 86px; width: 378px; height: 42px; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden;}
#search_text{ position: absolute; top: 0; left: 0; width: 296px; height: 42px; font: 16px/42px "Microsoft Yahei"; text-indent: 1em; background-color: #fff; border: none; outline: none;}
#search_btn{ position: absolute; right: 0; top: 0; width: 82px; height: 42px; font: 16px/42px "Microsoft Yahei"; color: #fff; text-indent: 34px; background: url(../images/icon_search.png) no-repeat 12px center #8abce6; border: none; cursor: pointer;}


::-webkit-input-placeholder { /* WebKit browsers */ color: #8abce6;}

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8abce6;}

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #8abce6;}


.nav{ position: relative; height: 60px; margin-bottom: 40px; background-color: #287fc7; text-align: center; z-index: 3}
.nav_con{ min-width: 1210px; margin: 0 auto;}
/* .nav_tem{ display: inline-block; width: 120px; height: 60px; margin-right: -3px; font: 20px/60px "Microsoft Yahei"; color: #fff; text-align: center;}
.nav_tem a.nav_link{ color: #fff; }

.nav_sublist{ display: none; position: absolute; top: 60px; left: 0; width: 100%; height: auto;  background-color: #8abce6; }
.nav_sublist a{ float: left; position: relative; height: 16px; padding: 0 20px 0 18px; margin: 22px 0; font-size: 16px; line-height: 16px; color: #fff; text-align: center; border-right: 2px solid #fff;}
.nav_sublist a:hover{ color: #fff;}
.nav_tem.active{ background-color: #8abce6}
.nav_tem.active .nav_sublist{ display: block;} */
/* LWW 20231108 删除 margin-right: -3px; */
.nav_tem{ position: relative; display: inline-block; width: 120px; height: 60px; font: 20px/60px "Microsoft Yahei"; color: #fff; text-align: center;}
.nav_tem a.nav_link{ color: #fff; }

/* LWW 20231108 添加 z-index */
.nav_sublist{  position: absolute; top: 60px; left: 0; width: 100%; max-height: 0; text-align: center; background-color: #8abce6; overflow: hidden; transition: all ease 1s;z-index: 10;}
.nav_sublist a{ display: block; padding: 10px 4px; font-size: 16px; line-height: 20px; color: #fff; text-align: center; cursor: pointer;}
.nav_sublist a:hover{ color: #fff; background-color: #287fc7;}

.nav_tem.active{ background-color: #8abce6}
.nav_tem.active .nav_sublist{ max-height: 400px; transition: all ease 1s;}

.footer{}
.frd_link{ margin-bottom: 40px; overflow: hidden;}
.frd_name{ float: left; width: 130px; height: 50px; margin-right: 40px; font: 18px/50px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #3a8acd; border-radius: 5px;}
.frd_link_tem{ }
.frd_link_tem.w1{ width: 542px;}
.frd_link_tem span{ float: left; padding-right: 15px; font: 18px/20px "Microsoft Yahei"; color: #333; border-right: 3px solid #3a8acd;}
.link_wrap{ float: left; width: 452px;}
.frd_link_tem a{ float: left; margin: 0 0 10px 15px; font: 14px/20px "Microsoft Yahei"; color: #666;}
.footer_bot{ height: 50px; background-color: #e2e2e2;}
.footer_bot p{ float: left; font: 14px/50px "Microsoft Yahei"; color: #666;}
.footer_bot p a{ color: #666;}
.footer_bot p a:hover{ color: #666;}
.footer_bot a.contact{ float: right; width: 150px; height: 50px; font-size: 14px; line-height: 50px; color: #fff; text-align: center; background-color: #287fc7;}
.footer_bot a:hover{ color: #fff;}

.i_dzjg{ margin-top: 20px; text-align: center;}

/* LWW 20231101 适配移动端 */
@media screen and (max-width: 800px) {
    .nav_tem:not(:first-child) { text-align: left; }
    .nav_tem .nav_arr {
        position: absolute;
        top: 20px;
        right: 0;
        display: block;
        width: 20px;
        height: 20px;
        background: url(/images/icon_down.png) no-repeat center center / 18px 18px;
        transition: all .3s linear;
    }
    .nav_tem.active .nav_arr { transform: rotate(180deg) }
    .nav_sublist a { line-height: 26px; }
    .nav_sublist a.ariafocus { outline-offset: -3px !important; }
}